<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>双向绑定指令</title>
    <script src="./lib/vue-2.6.12.js"></script>
</head>
<body>
    <div id="app">
        <p>用户名是:{{username}}</p>
        <input type="text" v-model="username"/>
        <hr>

        <p>选中的省份是:{{province}}</p>
        <select v-model="province">
            <option value="">请选择</option>
            <option value="北京">北京</option>
            <option value="河北">河北</option>
            <option value="黑龙江">黑龙江</option>
        </select>
    </div>

    <script>
        const vm=new Vue({
            el:"#app",
            data:{
                // 姓名
                username:'zs',
                // 省份
                province:'',
            },
        })
    </script>
</body>
</html>